// 宏-->微-->DOM渲染-->宏，微任务结束后，页面开始渲染，渲染完毕后执行下一个宏任务
let a = document.createElement('div')
let b = document.createElement('div')
let c = document.createElement('div')

a.innerHTML = '节点1'
b.innerHTML = '节点2'
c.innerHTML = '节点3'

document.body.appendChild(a)
document.body.appendChild(b)
document.body.appendChild(c)

// 微任务
Promise.resolve().then(() => {
  alert('Promise时DOM尚未渲染')
})

// 宏任务
setTimeout(() => {
  alert('setTimeout时DOM已渲染')
}, 300)
